<template>
  <section>
    <Separation>{{ moduleName }}</Separation>
    <ReadOnlyRichText
      :content="store.content"
      v-if="!isEmptyDelta(store.content)"
    />
    <div class="flex flex-wrap">
      <Tag :key="tag" v-for="tag of store.tags">{{ tag }}</Tag>
    </div>
  </section>
</template>
<script lang="ts" setup>
import Tag from "../../components/tag/index.vue";
import Separation from "../../components/separation/index.vue";
import { isEmptyDelta } from "@/utils";
import ReadOnlyRichText from "@/components/read-only-rich-text/index.vue";
import { useCertificateStore } from "@/stores/certificate";
import { propsType } from ".";
defineOptions({
  name: "HonorCertificate",
});
defineProps(propsType);
const store = useCertificateStore();
</script>
